<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
      layout:decorator="layout/layout">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>表单</title>
    <link type="text/css" href="https://mazey.cn/cdn/bootstrap-3.4.1/css/bootstrap.min.css" rel="stylesheet" />
    <script language="javascript" type="text/javascript" src="https://mazey.cn/cdn/jquery-2.1.1.min.js"></script>
    <script language="javascript" type="text/javascript"
            src="https://mazey.cn/cdn/bootstrap-3.4.1/js/bootstrap.min.js"></script>
    <meta http-equiv="X-UA-Compatible" content="IE-edge,chrome=1">
    <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <link rel="stylesheet" th:href="@{${#httpServletRequest.getContextPath()} + '/css/style.css'}">
</head>

<body>
<div class="container">
    <h1 style="margin-right: 20px;">博客详情</h1>
        <!-- 右边为文本 -->
        <div class="form-group row">
            <label class="col-2 col-form-label">博客标题：</label>
            <!--<input type="hidden" name="blogauthor"  th:value="${blogauthor}">-->
            <div class="col-10">
                <div class="form-text">
                    <input class="form-control" name="blogtitle"  th:value="${blogVO.blogtitle}">
                </div>
            </div>
        </div>
        <!-- 右边为文本框 -->
        <div class="form-group row">
            <label class="col-2 col-form-label">博客内容：</label>
            <div class="col-6">
                <textarea class="form-control" name="blogContent" th:text="${blogVO.blogContent}"></textarea>
            </div>
        </div>

    <div class="container-fluid">
        <div class="row">
            <div class="col-md-6 col-md-offset-3 log-list">
                <ul class="media-list">
                    <li class="media" th:each="item:${commentDTOList}">
                        <div class="media-left">
                            <!--<a href="#">
                                <img src="" class="img-rounded media-object">
                            </a>-->
                        </div>
                        <div class="media-body">
                            <h5 class="media-heading" th:text="${item.addTime}"></h5>
                            <p th:text="${item.content}"></p>
                            <span class="pull-left" th:text="${item.memberName}"></span>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>


    <form action="/blog/addComments" method="post">
        <input class="form-control" type="hidden" name="blogid"  th:value="${blogVO.blogid}">
        <div id="score__component">
            <!-- 评论 -->
            <div class="score__comment">
                <!-- 输入框 -->
                <textarea class="score__review__content " placeholder="请输入评论，字数在500字以内。" id="" cols="30" rows="10" name="comment"
                          th:text="${blogVO.comment}"></textarea>
                <div class="form-group row">
                    <label class="col-2 col-form-label"></label>
                    <div class="col-10">
                        <button type="submit" class="btn btn-primary">提交</button>
                    </div>
                </div>
            </div>
        </div>
    </form>
    <input type="text" readonly th:value="${error}">
</div>
<!--<script src="../common/jquery.js"></script>
<script src="../common/bootstrap.min.js"></script>-->
</body>

</html>